ReactのMain Concept:3. Rendering Elements
Rendering Elements
この章では、JSXでつくったコンポーネントをDOMにレンダリングする説明がされる const element = <div />;
プレーンなオブジェクト
注意:elementsとcomponentsを混同しがち
elemestsで構成されたものがcomponent
ElementをDOMにレンダリングする
root DOMにElementをレンダリングしていく
ReactDOM.render()
レンダリングされたエレメントを更新する
Elementはimmutable
アップデートするただ一つの方法は、新しい要素を作成してReactDOM.render()にわたす
実際にはほとんどの場合ReactDOM.render()は一度だけしかよばない
stateful componentsを使う
React DOMはelementを以前の状態と比較して、必要があるノードだけ更新をする
経験上、UIをどのように時間とともに変えるかより、UIがある瞬間にどのように見えるべきであるかを考えることのほうがバグを潰せる
どういうこと?kadoyau.icon